forum

Home / DeveloperSection / Forums / Build an Express middleware to handle Cross-Origin Resource Sharing (CORS) for your MERN app.

Ask Question

Build an Express middleware to handle Cross-Origin Resource Sharing (CORS) for your MERN app.

Steilla Mitchel29726-Jul-2023

Build an Express middleware to handle Cross-Origin Resource Sharing (CORS) for your MERN app.

javascriptjavascript express js mern 
Updated on 27-Jul-2023
Steilla Mitchel

Steilla Mitchel

Follow
I completed my post-graduation in 2013 in the engineering field. Engineering is the application of science and math to solve problems. Engineers figure out how things work and find practical uses for scientific discoveries. Scientists and inventors often get the credit for innovations that advance the human condition, but it is engineers who are instrumental in making those innovations available to the world. I love pet animals such as dogs, cats, etc.

Can you answer this question?

Answer

1 Answers

Aryan Kumar

Aryan Kumar

27-Jul-2023

Sure, here is an example of an Express middleware to handle Cross-Origin Resource Sharing (CORS) for your MERN app:

JavaScript

const express = require('express');
const cors = require('cors');

const app = express();

app.use(cors({
  origin: '*',
  optionsSuccessStatus: 200,
}));

app.get('/', (req, res) => {
  res.send('This is a CORS-enabled endpoint');
});

app.listen(3000, () => console.log('Server started on port 3000'));

This middleware first imports the express and cors modules. The cors module provides a middleware that can be used to enable CORS for Express applications.

The middleware then defines the origin and optionsSuccessStatus options for the cors() middleware. The origin option specifies the origins that are allowed to make cross-origin requests. The optionsSuccessStatus option specifies the status code that should be returned when the CORS preflight request is successful.

The middleware then uses the use() method to add the cors() middleware to the Express application.

Finally, the middleware defines a get handler for the / route. The get handler simply sends a message to the client indicating that the endpoint is CORS-enabled.

To run this middleware, you can save it as a file called cors.js and then run it from the command line:

node cors.js

This will start the Express server on port 3000. You can then test the endpoint by making a GET request to http://localhost:3000/ from a browser or another application.

Liked By